<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>缩略图</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <style>

    </style>
    <!-- 引入jQuery -->
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-sm-6 col-md-3 col-xs-6">

            <div class="thumbnail">
                <img src="img/中国机长.webp" alt="">
                <div class="caption">
                    <h4>《中国机长》</h4>
                   讲述了“中国民航英雄机组”成员与119名乘客遭遇极端险情，在万米高空直面强风、低温、座舱释压的多重考验。
                    <p>
                        <a href="#" class="btn btn-primary" role="button">播放</a>
                        <a href="#" class="btn btn-default" role="button">下载</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3 col-xs-6">
            <div class="thumbnail">
                <img src="img/战狼II.webp" alt="">
                <div class="caption">
                    <h4>《战狼Ⅱ》</h4>
                    讲述了脱下军装的冷锋被卷入了一场非洲国家的叛乱，本来能够安全撤离的他无法忘记军人的职责，重回战场展开救援的故事。
                    <p>
                        <a href="#" class="btn btn-primary" role="button">播放</a>
                        <a href="#" class="btn btn-default" role="button">下载</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3 col-xs-6">
            <div class="thumbnail">
                <img src="img/长津湖.webp" alt="">
                <div class="caption">
                    <h4>《长津湖》</h4>
                    讲述了一段波澜壮阔的历史，在极寒严酷环境下，中国人民志愿军东线作战部队凭着钢铁意志和英勇无畏的战斗精神，扭转战场态势，为长津湖战役胜利作出重要贡献的故事。
                    <p>
                        <a href="#" class="btn btn-primary" role="button">播放</a>
                        <a href="#" class="btn btn-default" role="button">下载</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3 col-xs-6">
            <div class="thumbnail">
                <img src="img/水门桥.webp" alt="">
                <div class="caption">
                    <h4>《长津湖之水门桥》</h4>
                    讲述了七连战士们在结束了新兴里和下碣隅里的战斗之后，又将面临更艰巨的挑战和更猛烈的火力，他们将在美陆战一师撤退路线上的咽喉之处——水门桥阻击敌军，任务会更加艰巨，战斗场面会更加激烈，为赢得胜利付出的巨大牺牲也会令人更加动容。
                    <p>
                        <a href="#" class="btn btn-primary" role="button">播放</a>
                        <a href="#" class="btn btn-default" role="button">下载</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6 col-md-3 col-xs-6">
            <div class="thumbnail">
                <img src="img/悬崖之上.webp" alt="">
                <div class="caption">
                    <h4>《悬崖之上》</h4>
                    二十世纪三十年代，四位曾在苏联接受特训的共产党特工组成任务小队，回国执行代号为“乌特拉”的秘密行动。由于叛徒的出卖，他们从跳伞降落的第一刻起，
                    就已置身于敌人布下的罗网之中。同志能否脱身，任务能否完成，雪一直下，立于“悬崖之上”的行动小组面临严峻考验
                    <p>
                        <a href="#" class="btn btn-primary" role="button">播放</a>
                        <a href="#" class="btn btn-default" role="button">下载</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3 col-xs-6">
            <div class="thumbnail">
                <img src="img/战狼.webp" alt="">
                <div class="caption">
                    <h4>《战狼》</h4>
                   《战狼》真实呈现了一场中外边境战争，也让堪称“东方之狼”的特种兵战队及高能战士首次登陆大银幕。
                    <p>
                        <a href="#" class="btn btn-primary" role="button">播放</a>
                        <a href="#" class="btn btn-default" role="button">下载</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3 col-xs-6">
            <div class="thumbnail">
                <img src="img/反贪风暴4.webp" alt="">
                <div class="caption">
                    <h4>《反贪风暴4》</h4>
                    该片讲述了ICAC陆志廉卧底狱中，与狱中两大势力斗智斗力，调查取证罪犯与监狱惩教员私相授受的案件，最终引出并成功破获大案的故事。
                    <p>
                        <a href="#" class="btn btn-primary" role="button">播放</a>
                        <a href="#" class="btn btn-default" role="button">下载</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3 col-xs-6">
            <div class="thumbnail">
                <img src="img/红海行动.webp" alt="">
                <div class="caption">
                    <h4>《红海行动》</h4>
                    该片讲述了中国海军“蛟龙突击队”8人小组奉命执行撤侨任务，突击队兵分两路进行救援，但不幸遭到伏击，人员伤亡；同时在粉碎叛军武装首领的惊天阴谋中惨胜的故事。
                    <p>
                        <a href="#" class="btn btn-primary" role="button">播放</a>
                        <a href="#" class="btn btn-default" role="button">下载</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>